<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <p id="a">123</p>

    <script>

        // href 可读可写的属性

        // 方法
        //   reload()   重新加载 --- 刷新页面
        //   assign()   跳转到指定页面    可以回退，可以被历史记录
        //   replace()  替换当前页面     不能回退，不会被历史记录



        var oP = document.getElementById('a') ;
        oP.onclick = function() {
            // location.href = "http://www.baidu.com" ;
            // location.reload() ;

            // location.assign('http://www.baidu.com') ;   // 会产生记录

            location.replace('http://www.baidu.com') ;   // 不产生历史记录
        }

    </script>
    
</body>
</html>